/* CSS Document */
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li,ol li{list-style-type:none;}a,label{cursor:pointer;}img,svg{vertical-align:middle;margin:0;padding:0;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}button{border: none;cursor: pointer;}
body { margin:0; padding:0; font-size:14px; background:#ffffff;font-family: 'Microsoft YaHei, Microsoft YaHei-Regular';
color: #333333;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
border-color: inherit;
border-width: 0px;
padding: 0;
list-style-type:none;
margin-top: 0;
margin-bottom: 0;
}
a {color: #333333;}
img{display:block;}
input:focus {
outline: none;
}
/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { outline: none; border:0px; background-color:Transparent;}
a{display:block;}
a{blr:expression(this.onFocus=this.blur()); outline:none;}
.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}
.blank150{ width:100%; height:150px; clear:both;}
/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/
.clearfix::after {
content:".";/*加一段内容*/
display:block;/*让生成的元素以块级元素显示，占满剩余空间*/
height:0;/*避免生成的内容破坏原有布局高度*/
clear:both;/*清除浮动*/
visibility:hidden;/*让生成的内容不可见*/
}
.max{ position:relative; overflow:hidden;}
.inner{width:1200px; height:auto; position:relative; z-index:50; margin:0 auto;}
/*首页*/
span {
display: block;
}
.banner .swiper-pagination{
bottom: 50px !important;
}
.banner .swiper-pagination-bullet {
width: 18px;
height: 18px;
background: #ffffff;
border-radius: 50%;
opacity: 1;
margin: 0 8.5px !important;
}
.banner .swiper-pagination-bullet-active {
background: #5378cd;
}
.banner img {
width: 100%;
}
.header_top {
background: #eeeeee;
padding: 5px 0;
position: relative;
z-index: 2;
}
.header_top .inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.header_top_caption {
font-size: 12px;
color: #333333;
}
.header_top_area {
display: flex;
justify-content: flex-end;
align-items: center;
}
.header_top_info {
position: relative;
padding: 0 12px;
}
.header_top_info:last-of-type {
border-left: 1px solid #333333;
}
.header_top_info span {
font-size: 12px;
color: #333333;
text-align: center;
cursor: pointer;
}
.header_top_info img {
width: 95px;
height: 95px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 120%;
opacity: 0;
z-index: -1;
transition: all .2s;
background: #ffffff;
}
.header_top_info:hover img {
opacity: 1;
z-index: 1;
}
.header_center {
padding: 20px 0;
position: relative;
z-index: 1;
}
.header_center .inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
width: 518px;
}
.header_center_area {
display: flex;
justify-content: flex-end;
align-items: center;
}
.header_center_area img {
width: 44px;
}
.header_center_info {
margin-left: 15px;
}
.header_center_caption {
font-size: 14px;
color: #666666;
}
.header_center_tel {
font-size: 25px;
color: #2f5ba9;
font-weight: bold;
}
.nav {
background: #5378cd;
}
.nav_item {
position: relative;
padding: 20px 0;
width: 171px;
transition: all .2s;
}
.nav_on {
background: #3e548c;
}
.nav_link {
text-align: center;
font-size: 16px;
color: #ffffff;
border-left: 1px solid rgba(255,255,255,0.2);
}
.nav_item:first-of-type .nav_link {
border-left: none;
}
.nav_er_list {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding-top: 10px;
opacity: 0;
z-index: -1;
transition: all .2s;
}
.nav_er_item {
margin-bottom: 10px;
background: #5378cd;
text-align: center;
padding: 15px 0;
transition: all .2s;
}
.nav_er_link {
font-size: 16px;
color: #ffffff;
text-align: center;
}
.nav_list {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav_item:hover .nav_er_list {
opacity: 1;
z-index: 71;
}
.nav_item:hover {
background: #3e548c;
}
.nav_er_item:hover {
background: #3e548c;
}
.index_about {
padding: 95px 0 35px 0;
}
.index_title {
text-align: center;
}
.index_title_en {
text-align: center;
font-size: 41px;
color: #333333;
font-weight: bold;
}
.index_title_en font {
color: #5378cd;
margin-left: 15px;
}
.index_title_zh {
text-align: center;
font-size: 30px;
color: #333333;
position: relative;
margin: 10px 0 15px 0;
display: inline-block;
}
.index_title_zh::after {
content: '';
position: absolute;
left: -180px;
width: 138px;
height: 1px;
background: #7d7d7d;
top: 50%;
transform: translateY(-50%);
}
.index_title_zh::before {
content: '';
position: absolute;
right: -180px;
width: 138px;
height: 1px;
background: #7d7d7d;
top: 50%;
transform: translateY(-50%);
}
.index_title_caption {
font-size: 14px;
color: #999999;
}
.index_about_block {
margin-top: 100px;
display: flex;
justify-content: space-between;
align-items: center;
}
.index_about_left {
width: 640px;
}
.index_about_zh {
font-size: 24px;
color: #333333;
}
.index_about_en {
font-size: 12px;
color: #999999;
}
.index_about_text {
font-size: 16px;
color: #333333;
line-height: 36px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:9;
margin: 35px 0;
}
.index_about_more {
font-size: 18px;
color: #ffffff;
width: 177px;
height: 53px;
line-height: 53px;
text-align: center;
background: #5378cd;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.index_about_more:hover {
transform: translate3d(0,-5px,0);
}
.index_about_right {
position: relative;
width: 540px;
padding: 0 50px 50px 0;
}
.index_about_kuang {
position: absolute;
bottom: 0;
right: 0;
background: #5378cd;
width: 214px;
height: 273px;
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 15px;
}
.index_about_kuang span {
font-size: 12px;
color: #ffffff;
opacity: 0.5;
writing-mode:tb-rl;
}
.index_about_banner img {
width: 100%;
}
.index_about_banner .swiper-pagination {
text-align: right;padding-right: 50px;
bottom: 15px !important;
}
.index_about_banner .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: #ffffff;
}
.index_about_banner .swiper-slide {
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}
.index_sheng {
background: #eeeeee;
padding: 35px 0 10px 0;
}
.index_sheng_zh {
font-size: 30px;
color: #3e548c;
text-align: center;
}
.index_sheng_caption {
font-size: 16px;
color: #333333;
text-align: center;
margin-top: 5px;
}
.index_sheng_banner {
position: relative;
margin-top: 35px;
padding-bottom: 55px;
}
.index_sheng_block {
position: relative;
}
.index_sheng_photo {
width: 100%;
overflow: hidden;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.index_sheng_photo img {
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
transition: all 0.5s ease-in-out;
}
.index_sheng_block:hover img {
transform:scale(1.1);
}
.index_sheng_text {
background: #7d7d7d;
padding: 15px 18px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 16px;
color: #ffffff;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;transition: all 0.5s ease-in-out;
}
.index_sheng_jia {
width: 40px;
height: 40px;
background: #5378cd;
font-size: 45px;
color: #ffffff;
text-align: center;
line-height: 35px;
position: absolute;
right: 10px;
bottom: 30px;transition: all 0.5s ease-in-out;
}
.index_sheng_block:hover .index_sheng_text {
background: #5378cd;
}
.index_sheng_block:hover .index_sheng_jia {
background: #27c0ce;
}
.index_sheng_banner .swiper-pagination {
bottom: 0;
}
.index_sheng_banner .swiper-pagination-bullet {
width: 14px;
height: 14px;
background: #cfd6e7;
opacity: 1;
}
.index_sheng_banner .swiper-pagination-bullet-active {
background: #5378cd;
}
.index_pro {
padding: 65px 0;
}
.index_pro_left {
width: 260px;
}
.index_pro_link {
background: url(../images/bg1.png) no-repeat center center;
background-size: 100% 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 15px;
cursor: pointer;
}
.index_pro_text {
font-size: 18px;
color: #ffffff;
width: 80%;
}
.index_pro_jia {
font-size: 24px;
color: #ffffff;
}
.index_pro_jian {
font-size: 24px;
color: #ffffff;
display: none;
}
.index_pro_erlist {
border: 1px solid #bfbfbf;
padding: 10px;
display: none;
}
.index_pro_eritem {
padding: 10px;
margin-bottom: 10px;
}
.index_pro_erlinkk {
font-size: 16px;
color: #333333;
}
.index_pro_eritem:hover {
background: #eeeeee;
}
.index_pro_item {
margin-bottom: 10px;
}
.index_pro_right {
width: 920px;
}
.index_pro_area {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.index_pro_box {
width: 296px;
margin-left: 16px;
margin-bottom: 25px;
}
.index_pro_box:nth-child(3n-2) {
margin-left: 0;
}
.index_pro_block {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 60px;
}
.index_pro_photo {
width: 100%;
height: 245px;
overflow: hidden;
}
.index_pro_photo img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.index_pro_box:hover .index_pro_photo img {
transform:scale(1.1);
}
.index_pro_title {
background: #5378cd;
text-align: center;
padding: 15px;
font-size: 18px;
color: #ffffff;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin-top: 10px;
transition: all 0.5s ease-in-out;
}
.index_pro_box:hover .index_pro_title {
background: #27c0ce;
}
.index_you {
background: url(../images/bg2.jpg) no-repeat center center;
background-size: cover;
padding: 80px 0;
}
.index_you .index_title_en {
color: #ffffff;
}
.index_you .index_title_en font {
color: #ffffff;
}
.index_you .index_title_zh {
color: #ffffff;
}
.index_you_block {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 87px;
}
.index_you_left {
width: 310px;
}
.index_you_name {
font-size: 24px;
color: #ffffff;
}
.index_you_you {
font-size: 36px;
color: #ffffff;
font-weight: bold;
margin: 10px 0 25px 0;
}
.index_you_heng {
width: 60px;
height: 1px;
background: #ffffff;
}
.index_you_caption {
font-size: 14px;
color: #ffffff;
line-height: 30px;
margin: 65px 0 60px 0;
}
.index_you_tel {
font-size: 24px;
color: #ffffff;
}
.index_you_num {
font-size: 36px;
color: #ffffff;
font-family: 'Arial';font-style:italic;
margin-top: 20px;
}
.index_you_right {
width: 800px;
}
.index_you_area {
margin-bottom: 35px;
border-radius:90px;
padding: 20px;
background: #eeeeee;
display: flex;
justify-content: space-between;
align-items: flex-start;
transition: all .2s;
}
.index_you_area img {
width: 84px;
height: 84px;
}
.index_you_box {
width: 85%;
}
.index_you_hide {
display: none;
}
.index_you_title {
font-size: 20px;
color: #333333;
font-weight: bold;
transition: all .2s;
}
.index_you_text {
font-size: 16px;
color: #333333;
margin-top: 10px;
transition: all .2s;
}
.index_you_area:hover {
background: #27c0ce;
}
.index_you_area:hover .index_you_title {
color: #fff;
}
.index_you_area:hover .index_you_text {
color: #fff;
}
.index_you_area:hover .index_you_hide {
display: block;
}
.index_you_area:hover .index_you_show {
display: none;
}
.index_eg {
padding: 90px 0;
}
.index_eg_photo {
overflow: hidden;
position: relative;
}
.index_eg_photo img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.index_eg_link:hover .index_eg_photo img {
transform:scale(1.1);
margin-top: -34px;
}
.index_eg_area {
border: 1px solid #bfbfbf;
padding: 20px 0 0 0;
border-top: 5px solid #fec675;
}
.index_eg_title {
font-size: 16px;
color: #333333;
text-align: center;
}
.index_egen {
text-align: center;
font-size: 14px;
color: #999999;
margin: 7px 0 12px 0;
}
.index_eg_more {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #e5e5e5;
padding: 7px 13px;
display: none;
}
.index_eg_more span {
font-size: 14px;
color: #333333;
}
.index_eg_link:hover .index_eg_more {
display: flex;
}
.index_eg_banner {
margin-top: 55px;
}
.index_eg_photo span {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 45px;
color: #fff;
background: rgba(62,84,140,0.5);
top: 0;
left: 0;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.index_eg_link:hover .index_eg_photo span {
opacity: 1;
}
.index_eg_banner .swiper-wrapper {
transition-timing-function: linear !important;
}
.index_news_block {
margin-top: 60px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.index_news_gong {
width: 600px;
}
.index_news_title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.index_news_title span {
font-size: 18px;
color: #000000;
}
.index_news_more {
font-size: 16px;
color: #024baa;
}
.index_news_gong_top {
display: flex;
justify-content: space-between;
align-items: center;
}
.index_news_gongphoto {
width: 224px;
height: 144px;
overflow: hidden;
}
.index_news_gongphoto img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.index_news_gong_top:hover .index_news_gongphoto img {
transform:scale(1.1);
}
.index_news_gongarea {
width: 58%;
}
.index_news_gongtitle {
font-size: 16px;
color: #333333;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.index_news_gongheng {
width: 60px;
height: 1px;
background: #3e548c;
margin: 15px 0;
}
.index_news_gongtext {
font-size: 14x;
color: #333333;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.index_news_gongtime {
margin-top: 35px;
font-size: 14px;
color: #999999;
}
.index_news_gonglist {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 30px;
}
.index_news_gong_item {
width: 295px;
border: 1px solid #dcdcdc;
padding: 24px 20px;
transition: all .2s;
margin-bottom: 20px;
}
.index_news_gongtime1 {
display: inline-block;
background: #eeeeee;
padding: 3px 10px;
transition: all .2s;
}
.index_news_gongbox {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
}
.index_news_gongname {
font-size: 14px;
color: #333333;
width: 80%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.index_news_gongmore {
font-size: 12px;
color: #999999;
}
.index_news_gongtext1 {
font-size: 14px;
color: #333333;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.index_news_gong_item:hover {
border: 1px solid #fff;
box-shadow: 0 0 29px rgba(0,0,0,0.06);
}
.index_news_gong_item:hover .index_news_gongtime1 {
background: #5378cd;
color: #fff;
}
.index_news_hang {
width: 570px;
}
.index_news_hangitem {
padding: 24px 0;
border-bottom: 1px solid #dcdcdc;
}
.index_news_hangname {
font-size: 16px;
color: #333333;
padding-left: 30px;
position: relative;
transition: all .2s;
}
.index_news_hangname::after {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 17px;
height: 4px;
background: #3e548c;
}
.index_news_hangtext {
font-size: 14px;
color: #333333;
margin-top: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
padding-left: 30px;
}
.index_news_hangitem:hover .index_news_hangname {
color: #5378cd;
}
.index_news {
padding-bottom: 100px;
}
.footer {
background: #3e548c;
padding: 65px 0;
}
.footer .inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.footer_left {
width: 450px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.footer_code img {
width: 132px;
height: 132px;
border: 22px solid #fff;
}
.footer_code span {
font-size: 16px;
color: #ffffff;
text-align: center;
margin-top: 12px;
}
.footer_area {
margin-left: 27px;
}
.footer_tel {
font-size: 24px;
color: #fac217;
font-weight: bold;
padding-left: 30px;
background: url(../images//tel1.png) no-repeat left center;
background-size: 23px 25px;
margin-bottom: 15px;
}
.footer_text {
font-size: 16px;
color: #ffffff;
line-height: 30px;
}
.footer_list {
width: 750px;
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.footer_item {
margin-left: 40px;
}
.footer_link {
font-size: 16px;
color: #ffffff;
text-align: center;
}
.footer_box {
margin-top: 30px;
}
.footer_box a {
font-size: 14px;
color: #cccccc;
margin-bottom: 10px;
transition: all .2s;
}
.footer_box a:hover {
color: #fff;
}
.small {
background: #364a7f;
padding: 20px 0;
}
.small span {
font-size: 12px;
color: #fff;
}
.fu {
position: fixed;
top: 30%;
right: 0;
z-index: 700;
}
.fu_box {
box-shadow: 0 0 29px rgba(0,0,0,0.06);
border-radius: 10px;
padding: 0 10px;
background: #fff;
}
span.fu_box_hua {
font-size: 14px;
padding: 10px 0;
color: #333333;
}
.fu_box_hua {
padding: 10px 0;
border-bottom: 1px solid #e5e5e5;
cursor: pointer;
}
.fu_box_hua img {
margin: 0 auto;
}
.top {
padding: 10px 0;
cursor: pointer;
}
.fu_block {
position: absolute;
top: 0;
right: 55px;
z-index: 700;
background: #fff;
border-radius: 10px;
display: none;
box-shadow: 0 0 29px rgba(0,0,0,0.06);
}
.fu_name {
background: #5378cd;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 18px;
color: #ffffff;
padding: 15px 17px;
}
.fu_area {
padding: 15px;
}
.fu_info {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 30px;
}
.fu_info img {
width: 24px;
}
.fu_right {
width: 190px;
margin-left: 10px;
}
.fu_title {
font-size: 14px;
color: #333333;
}
.fu_text {
font-size: 14px;
color: #666666;
}
.section {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 45px 0 70px 0;
}
.left {
width: 335px;
}
.left_top {
background: #749cd8;
padding: 20px;
margin-bottom: 15px;
}
.left_top_zh {
font-size: 30px;
color: #ffffff;
text-align: center;
}
.left_top_en {
font-size: 24px;
color: #fff;
text-align: center;
}
.left_top_list {
background: #fff;
padding: 20px 25px 10px 25px;
margin-top: 20px;
}
.left_top_item {
margin-bottom: 10px;
background: #eeeeee;
padding: 12px 0;
text-align: center;
font-size: 18px;
color: #333333;
transition: all 0.2s;
}
.left_top_link {
color: #333333;
transition: all 0.2s;
}
.left_top_on {
background: #749cd8;
color: #ffffff;
}
.left_top_item:hover {
background: #749cd8;
}
.left_top_item:hover .left_top_link {
color: #ffffff;
}
.left_top_on .left_top_link {
color: #ffffff;
}
.left_bottom {
border: 1px solid #bfbfbf;
padding: 10px;
}
.left_bottom_info {
background: #f6f6f6;
padding: 25px 20px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.left_bottom_info img {
width: 87px;
}
.left_bottom_right {
width: 182px;
}
.left_bottom_title {
font-size: 20px;
color: #333333;
}
.left_bottom_text {
font-size: 14px;
color: #999999;
margin-top: 5px;
}
.left_bottom_area {
padding: 15px 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.left_bottom_area img {
width: 44px;
}
.left_bottom_box {
width: 240px;
}
.left_bottom_cpation {
font-size: 14px;
color: #333333;
}
.left_bottom_num {
font-size: 25px;
color: #4071ca;
}
.right {
width: 840px;
}
.right img{max-width:100%;}
.pro_list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.pro_item {
width: 272px;
margin-left: 12px;
margin-bottom: 12px;
}
.pro_item:nth-child(3n-2) {
margin-left: 0;
}
.pro_photo {
width: 100%;
height: 220px;
overflow: hidden;
}
.pro_photo img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.pro_item:hover .pro_photo img {
transform:scale(1.1);
}
.pro_title {
background: #5378cd;
margin-top: 7px;
font-size: 18px;
color: #ffffff;
padding: 12px 0;
text-align: center;
}
.fan {
margin: 40px 0 25px 0;
display: flex;
justify-content: center;
align-items: center;
}
.fan a {
font-size: 14px;
color: #999999;
border: 1px solid #bfbfbf;
margin: 0 6px;
padding: 9px 15px;
}
.fan a:hover {
background: #4071ca;
color: #fff;
}
.fan a.on {
background: #4071ca;
color: #fff;
}
.right_top {
padding-bottom: 20px;
margin-bottom: 25px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #bfbfbf;
}
.right_top_title {
font-size: 24px;
color: #5378b1;
font-weight: bold;
}
.zi {
display: flex;
justify-content: flex-end;
align-items: center;
}
.zi span {
font-size: 12px;
color: #333333;
}
.zi a {
font-size: 12px;
color: #333333;
}
.proex_top {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.proex_top > img {
width: 440px;
}
.proex_top_area {
width: 365px;
}
.proex_top_title {
font-size: 30px;
color: #333333;
margin-bottom: 5px;
}
.proex_top_text span {
font-size: 16px;
color: #666666;
line-height: 24px;
}
.proex_top_tel {
margin: 25px 0 0 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.proex_top_tel img {
width: 44px;
}
.proex_top_info {
margin-left: 15px;
}
.proex_top_caption {
font-size: 14px;
color: #333333;
}
.proex_top_num {
font-size: 25px;
color: #4071ca;
}
.proex_title {
background: #eeeeee;
margin: 40px 0 25px 0;
}
.proex_title span {
background: #4071ca;
display: inline-block;
font-size: 16px;
color: #ffffff;
padding: 13px 30px;
}
.proex_bottom {
margin: 40px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.proex_bottom a {
width: 48%;
background: #eeeeee;
font-size: 14px;
color: #333333;
padding: 10px 13px;
}
.chang_text {
font-size: 16px;
color: #333333;
margin-bottom: 25px;
line-height: 36px;
}
.chang_list {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.chang_item {
margin-bottom: 30px;
width: 395px;
}
.chang_photo {
width: 100%;
overflow: hidden;
height: 265px;
}
.chang_photo img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.chang_item:hover .chang_photo img {
transform:scale(1.1);
}
.chang_title {
font-size: 16px;
text-align: center;
margin-top: 20px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.ex_title {
font-size: 24px;
margin-bottom: 25px;
text-align: center;
color: #333;
}
.eg_list {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.eg_list .chang_item {
width: 400px;
}
.eg_list .chang_title {
color: #5378b1;
}
.con_area {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.con_area img {
width: 540px;
}
.con_box {
width: 270px;
}
.con_title {
font-size: 18px;
color: #4071ca;
font-weight: bold;
margin-bottom: 22px;
}
.con_info span {
font-size: 18px;
color: #333333;
line-height: 30px;
}
.honor_list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.honor_list .chang_item {
width: 260px;
margin-left: 30px;
}
.honor_list .chang_photo {
border: 1px solid #bfbfbf;
height: 350px;
}
.honor_list .chang_item:nth-child(3n-2) {
margin-left: 0;
}
.news_item {
margin-bottom: 25px;
}
.news_link {
display: flex;
justify-content: space-between;
align-items:flex-end;
}
.news_photo {
width: 242px;
height: 162px;
overflow: hidden;
}
.news_photo img {
width: 100%;
}
.news_area {
width: 568px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 17px;
}
.news_top {
display: flex;
justify-content: space-between;
align-items: center;
}
.news_title {
font-size: 18px;
color: #333333;
width: 80%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
transition: all .2s;
}
.news_time {
font-size: 24px;
color: #999999;
}
.news_text {
font-size: 14px;
color: #333333;
margin: 20px 0 10px 0;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.news_more {
float: right;
width: 81px;
height: 29px;
line-height: 29px;
text-align: center;
font-size: 14px;
color: #333333;
background: #eeeeee;
transition: all .2s;
}
.news_item:hover .news_title {
color: #4071ca;
}
.news_item:hover .news_more {
background: #4071ca;
color: #fff;
}
.newsex_title {
font-size: 24px;
color: #333333;
text-align: center;
}
.newsex_time {
font-size: 14px;
color: #999999;
text-align: center;
margin: 10px 0 35px 0;
}
.newsex_bottom {
margin-top: 60px;
}
.newsex_bottom a {
font-size: 14px;
color: #333333;
transition: all .2s;
margin-bottom: 13px;
}
.newsex_bottom a:hover {
color: #4071ca;
text-decoration: underline;
}